<template>
    <div class="cation">
        <!-- <div class="title">
            <span class="bord"></span>
            <span class="word">代理人说明</span>
        </div>
        <div class="lists">
            <div class="word">
                <p>
                    1、本协议明确甲乙双方权利和义务，以及乙方的代理资格和要求。明确乙方的代理模式和奖励规则和奖励发放方式，以及客服服务方式。
                </p>
                <p>
                    2、甲方运营的蓄康荟公众号主要给会员提供有机农产品以及度假旅游产品， 乙方成为代理人后，乙方发展的会员可以享受以会员价购买以上商品。乙方成为代理人的同时，也是蓄康荟的会员。也可享受以上会员优惠价。
                </p>
                <p>
                    3、如申请人有自己运营的实体店铺，请上传真实店铺和营业执照副本的照片。成为代理人后，可以在店铺中摆放蓄康荟宣传品。
                </p>
                <p>
                    4、具体规则，请见代理人协议。
                </p>
            </div>
        </div> -->
        <div class="bgc">
            <img src="../../assets/imgs/agent/cation.png" alt="">
        </div>
        <div class="btn" @click="direct('agInfor')">立即申请</div>
    </div>
</template>

<script>
import http from "@/assets/js/axios"
import { domain } from '@/assets/js/config'
import $ from 'jquery'
import { Toast } from 'mint-ui'
export default {
    data() {
        return {
            userToken: '',
            time: '',
            list: []
        }
    },

    components: {

    },
    mounted() {
        let userToken = localStorage.getItem("token") || ''
        this.userToken = userToken
        if (!userToken) {
            this.$router.push('/index')
        }
        // this.getReason();
    },
    methods: {
        direct: function (val) {
            this.$router.push({ path: '/' + val });
        },
        // 用户信息
        getReason: async function () {
            const res = await http.post('xshk/f/apply/getprocess?token=' + this.userToken)
            // console.log(res);
            // if (res.data.code == 200) {
            //     this.list = res.data.data;
            //     this.time = res.data.data[0].createTime;
            // }
        },
    }
}
</script>

<style lang='stylus' scoped>
.cation {
    background-color: #0B1140;
    height: 100%;
    position: relative;

    .bgc {
        width: 100%;

        img {
            width: 100%;
            height: 100%;
        }
    }

    .btn {
        position: absolute;
        top: 500px;
        left: 26%;
        margin: 0 auto;
        width: 185px;
        height: 44px;
        line-height: 44px;
        background: #C2DF5A;
        border-radius: 22px;
        text-align: center;
        display: block;
        font-size: 20px;
        font-family: MicrosoftYaHei;
        color: #fff;
    }

    .title {
        height: 50px;
        line-height: 40px;
        padding-left: 30px;
        background-color: #f0f0f0;

        .bord {
            display: inline-block;
            width: 6px;
            height: 20px;
            background: rgba(194, 223, 90, 1);
        }

        .word {
            font-size: 24px;
            font-family: PingFangSC-Regular;
            font-weight: 400;
            color: #000;
        }
    }

    .lists {
        margin: 0 15px;
        // height: 100px;
        background-color: #fff;
        margin-top: 10px;

        .word {
            padding: 5px 10px;

            p {
                padding: 10px 0;
                font-size: 14px;
                color: #000;
            }
        }
    }
}
</style>
